<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <title>违规通知</title>
    <link
      rel="stylesheet"
      th:href="@{/static/css/replymask.css}"
      href="../../static/css/replymask.css"
      type="text/css"
    />

    <link
      rel="stylesheet"
      th:href="@{/static/css/message.css}"
      href="../../static/css/message.css"
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/common.css} "
      href="../../static/css/common.css"
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/iconfont01.css}"
      href="../../static/css/iconfont01.css"
      type="text/css"
    />
    <link
      rel="stylesheet"
      th:href="@{/static/css/tip-off.css} "
      href="../../static/css/tip-off.css"
      type="text/css"
    />
  </head>
  <body>
    <div th:replace="~{unlogin::mask}"></div>
    <div th:replace="~{message-comment::message-top}"></div>
    <div th:replace="~{home::publishBlogBox}"></div>
    <div id="content">
      <div class="list">
        <p>消息</p>
        <ul>

          <a th:href="@{/user/getOthersCommentOfMe}">
            <span><i class="iconfont">&#xe638;</i></span>
            评论
          </a>
          <a th:href="@{/user/getOthersLikeOfMe}">
            <span><i class="iconfont">&#xe62b;</i></span>
            赞
          </a>
          <a class="color" th:href="@{/my/getReportForUser}">
            <span><i class="iconfont">&#xe6b0;</i></span>违规通知</a
          >
        </ul>
      </div>
      <div id="news">
        <div class="news" th:each="report:${reportList}">
          <div class="message-top">
            <div class="top-details">
              <p class="time" th:text="${report.time}">3-18</p>
            </div>
          </div>
          <div class="message-content" th:if="${session.id}!=${report.uid}">
            <p>经审核,该博文因违规而不被推荐</p>
            <p class="tip-off-reason">
              违规原因：<span th:text="${report.msg}">111</span>
            </p>
          </div>
          <div class="message-content" th:unless="${session.id}!=${report.uid}">
            <p th:if="${report.state}==1">经审核,你举报的博文确实存在违规行为，已进行相应处罚</p>
            <p th:if="${report.state}==0">经审核，举报理由与文章内容不符，已驳回</p>
            <p th:if="${report.state}==2">你的举报正在审核中...</p>
          </div>

          <div class="message-container">
            <div class="message-content-img">
              <img
                th:if="${report.blogUrl}"
                th:src="@{${report.blogUrl}}"
                alt=""
              />
              <img
                th:unless="${report.blogUrl}"
                th:src="@{${report.userUrl}}"
                alt=""
              />
            </div>
            <div class="message-content-text">
              <!--                                <p><span>@</span><span th:text="${report.text}"></span></p>-->
              <p th:text="${report.text}" class="news-content-blog">XXX</p>
            </div>
          </div>
        </div>

        <p class="none hidden">暂时没有其他内容了</p>
      </div>
      <div id="right-bar" >
        <div id="hot" class="hotright">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
          <div class="allHotList">
            <div class="hot-list" th:each="hot,list:${hotLabelList}">
              <span th:class="|rank${list.count}|" th:text="${list.count}"
                >3</span
              ><a th:text="${hot}" th:href="@{/blog/skipToBlog(label=${hot})}"
                >222222222222</a
              >
            </div>


            <a href="" class="all-hot" th:href="@{/blog/getHotBlog}"
              ><div>查看完整榜单</div></a
            >
          </div>

          <a class="return-top" href="#">
            <i class="iconfont">&#xea7d;</i>
          </a>
        </div>
      </div>
    </div>
  </body>
  <script  th:src="@{/static/js/jquery3.7.1.min.js}"></script>
  <script
    th:src="@{/static/js/common.js}"
    src="../../static/js/common.js"
    type="text/javascript"
  ></script>
  <script
    th:src="@{/static/js/replymask.js}"
    src="../../static/js/replymask.js"
    type="text/javascript"
  ></script>
  <script
          th:src="@{/static/js/loadingTipOff.js}"
          src="../../static/js/replymask.js"
          type="text/javascript"
  ></script>
  <script th:inline="javascript" type="text/javascript"></script>
  <script th:inline="javascript">
    let alnews=document.getElementsByClassName("news");

    if(alnews.length==0){
      document.querySelector("#news").innerHTML=`<div class="news empty">暂无数据</div>`
    }
  </script>
</html>
